<div class="row-fluid">
    <div class="span12">
        <div class="page-header">
            <h1>
                Rounds
                <a href="admin/round/add-form.html" id="add" class="btn btn-success" style="float: right;">+ Add</a>
            </h1>
        </div>
    </div>
</div>
<div class="row-fluid">
    <table class="table table-striped">
        <thead>
            <th>Time</th>
            <th>Prizes</th>
            <th>Question</th>
            <th style="width:50px;"></th>
        </thead>
        <tbody>
            {loop="date"}
                <tr>
                    <td colspan="3" style="vertical-align: middle;text-align: center; background: #dddddd;">{function="date('D, d M Y',$value.date)"}</td>
                    <td colspan="3" style="vertical-align: middle;text-align: center; background: #dddddd;">
                        <a href="admin/round/user/{$value.date}" title="user's answer"><i class="icon icon-user"></i></a>
                        |
                        <a href="admin/round/delete/{$value.date}" title="Delete"><i class="icon icon-remove"></i></a>
                    </td>
                </tr>
                {loop="value.prizes"}
                    <tr>
                        <td style="vertical-align: middle;">
                            {$value.time_period}
                        </td>
                        <td>
                            <img src="{$site_url}assets/images/prizes/{$value.prize_id}/{$value.prize_detail_img}#" style="height: 100px;" />
                        </td>
                        <td>
                            <img src="{$site_url}assets/images/questions/{$value.question_id}/{$value.question_detail_img}#" style="height: 100px;" />
                        </td>
                        <td style="vertical-align: middle; text-align: center;">
                            <a href="admin/round/time/user/{$value.id}" title="user's answer"><i class="icon icon-user"></i></a>
                        </td>
                    </tr>
                {/loop}
            {/loop}
        </tbody>
    </table>
    <script type="text/javascript">
    $(function() {
      $('table img').lazyload();
    })
    </script>
</div>